<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>安平一码通</title>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <style>
        .tishi {
            position: fixed;
            text-align: center;
            color: #666;
            font-size: 14px;
            bottom: 20px;
            width: 100%;
        }
        .tishis {
            position: fixed;
            text-align: center;
            color: #666;
            font-size: 14px;
            bottom: 42px;
            width: 100%;
        }
    </style>
</head>
 
<body>
    <img src="./images/success.png?v=01" alt="" width="70%" style="margin-left: 18%;margin-bottom: 30px;">
    <wx-open-launch-weapp id="launch-btn" username="gh_21c954017d6d">
        <template>
            <!-- 路径必须是绝对路径 -->
            <img src="http://hesuan.city1000.cn/register/images/btn.png" alt="" width="70%" style="margin-left: 13%;">
        </template>
    </wx-open-launch-weapp>
    <div class="tishis">安平县新冠肺炎疫情防控工作指挥部</div>
    <div class="tishi">技术支持: 智慧安平</div>
    <script src="./jquery/jquery.min.js"></script>
    <script>
        $.ajax({
            type: "get",
            url: "http://user.city1000.top/wechat/wxScan", //自己填写请求地址
            data: {
                url: window.location.href
            },
            success: function (result) {
                //console.log(result)
                wx.config({
                    // 开启调试模式,调用的所有api的返回值会在客户端//alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    debug: false,
                    // 必填，公众号的唯一标识
                    appId: result.appId,
                    // 必填，生成签名的时间戳
                    timestamp: "" + result.timestamp,
                    // 必填，生成签名的随机串timestamp
                    nonceStr: result.nonceStr,
                    // 必填，签名，见附录1
                    signature: result.signature,
                    // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                    jsApiList: ['checkJsApi', 'scanQRCode'],
                    openTagList: ['wx-open-launch-weapp']
                });
                wx.error(function (res) {
                    ////alert("出错了：" + res.errMsg); //这个地方的好处就是wx.config配置错误，会弹出窗口哪里错误，然后根据微信文档查询即可。
                });
                ////alert("result" + result)
                var btn = document.getElementById('launch-btn');
                ////alert('btn按鈕:'+btn)
                btn.addEventListener('launch', function (e) {
                    // 成功跳转到河北健康码小程序
                    ////alert("成功跳转到河北健康码小程序")
                });
                btn.addEventListener('error', function (e) {
                    ////alert('fail', e.detail);
                });
            }
        })
    </script>
</body>

</html>